<!doctype html>
<html >
  <head lang="en">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link rel="stylesheet" href="Css/myCss.css">
  </head>
  
<body>
<div class="bg">
 <img src="imgs/bg.jpg" height="100%" width="100%">
</div>
 <div class="Box">
      <audio src="like.mp3"  autoplay="controls" >
      </audio>  
      <div class="scene">
        <ul>
          <li><img src="imgs/2.jpg"></li>
          <li><img src="imgs/3.jpg"></li>
          <li><img src="imgs/4.jpg"></li>
          <li><img src="imgs/5.jpg"></li>
          <li><img src="imgs/6.jpg"></li>
          <li><img src="imgs/1.jpg"></li>
        </ul>
      </div>     
 </div>
 <div class="xin">
 <img src="imgs/xin.png">
 </div>
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/snowfall.jquery.js"></script>
<script>
$(document).snowfall('clear');
$(document).snowfall({
	image: "imgs/huaban.png",
	flakeCount:30,
	minSize:5,
	maxSize:15
	});

$(function(){
  function setRemSize(){
  var containerH=$(window).height();
  var containerW=$(window).width();
  $(".bg").css({"width":containerW});
  $(".bg").css({"height":containerH});
  $(".bg img").css({"height":containerH});
  }
window.addEventListener("resize",setRemSize,false);
});
</script>
</html>